<#import '/ftlLibrary/properteisVariable.ftl' as pv/>
<link href="assets/css/bootstrap-select.css" rel="stylesheet" />
<link href="assets/css/front/listCommonStyle.css" rel="stylesheet"/>
<script src="assets/js/select2/select2.js"></script>
<div class="row margin-left-10">
	<!-- 映射列表 -->
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="leftTree">
		<div class="widget flat searchCriteria">
			<div class="widget-header bordered-sky theme-bordered nopadding">
				<div class="widget-buttons">
					<!-- 业务按钮 begin -->
					<label class="businessBtns">
						<button class="btn btn-blue shiny download"><i class="fa fa-download"></i>导入</button>
						<button class="btn btn-blue shiny download" onclick="exportData('${searchFormId}','PayMentIformation.xlsx')"><i class="fa fa-download"></i>导出</button>
						<button class="btn btn-warning shiny search "><i class="fa fa-search"></i>搜索</button>
					</label>
				</div>
			</div>
		</div>
		<div class="search_Bar" style="vertical-align: middle">
			<form id="${searchFormId}" action="${actionUrl}" method="POST">
				<label class="margin-bottom-30">
					<label style="margin-right: 10px">
						<label>会员姓名：</label>
						<label>
							<input type="text" name="" value="">
						</label>
					</label>
					<label style="margin-right: 10px">
						<label>课时包名称：</label>
						<label>
							<input type="text" name="" value="">
						</label>
					</label>
					<label style="margin-right: 10px">
						<label>课时包类型：</label>
						<label>
							<select class="form-select-1" style="height: 28px;width:190px;" name=""
									value="">
								<option value="">不限</option>
							</select>
						</label>
					</label>
					<label>
						<label>可用课时包：</label>
						<label>
							<select class="form-select-1" style="height: 28px;width:190px;" name=""
									value="">
								<option value="">不限</option>
							</select>
						</label>
					</label>
				</label>
				<label>
					<label style="margin-right: 10px">
						<label>缴费时间：</label>
						<label>
							<input style="height: 28px!important;" id="d4311" type="text" name="depositCreateTime_begin" class="beginValue Wdate" value="${search_map.depositCreateTime_begin[0]}"
								   onFocus="WdatePicker({doubleCalendar:true,maxDate:'#F{$dp.$D(\'d4312\')}',dateFmt:'yyyy-MM-dd HH:mm:ss'})" placeholder="起始时间" >
						</label>
						<label>
							——
						</label>
						<label>
							<input style="height: 28px!important;border-top: 1px solid #d5d5d5!important;" id="d4312"  type="text" name="depositCreateTime_end" class="endValue Wdate"  value="${search_map.depositCreateTime_begin[0]}"
								   onFocus="WdatePicker({doubleCalendar:true,minDate:'#F{$dp.$D(\'d4311\')}',dateFmt:'yyyy-MM-dd HH:mm:ss'})" placeholder="结束时间" >
						</label>
					</label>
				</label>
			</form>
		</div>
		<div class="widget flat radius-bordered">
			<div class="widget-body no-padding margin-top-30">
				<div class="topPagingBar hidden">
					${pagingBar}
				</div>
				<div class="table-scrollable">
					<!-- 数据表列信息列表 -->
					<table class="table table-bordered dataTable">
						<thead>
						<tr>
							<th title="选择" class="checkboxColumnTh ">
								<div class="checkbox">
									<label>
										<input type="checkbox" class="chkAll">
										<span class="text"></span>
									</label>
								</div>
							</th>
							<th title="属性名">序号</th>
							<th title="操作项">操作项</th>
							<th title="会员姓名">会员姓名</th>
							<th title="课时包名称">课时包名称</th>
							<th title="课时包类型">课时包类型</th>
							<th title="报名状态">报名状态</th>
							<th title="缴费金额">缴费金额</th>
							<th title="当前操作者Id">操作人</th>
							<th title="操作日期">操作日期</th>
						</tr>
						</thead>
						<tbody>
						<#if page_bean.list?size==0>
							<tr>
								<td align="center">无数据</td>
							</tr>
						</#if>
						<#list page_bean.list as data>
							<tr>
								<td class="checkboxColumnTd">
									<div class="checkbox">
										<label>
											<input type="checkbox" class="chk"  name="id" value="${data.id}">
											<span class="text"></span>
										</label>
									</div>
								</td>
								<td>${data_index+1+(page_bean.pageNo-1)*page_bean.pageSize}</td>
								<td> <a>报班</a></td>
								<td>${(data.studentName???string(data.studentName?html,"未设置"))!'未设置'}</td>
								<td>${(data.packageName???string(data.packageName?html,"未设置"))!'未设置'}</td>
								<!--<td>${(data.packageType???string(data.packageType?html,"未设置"))!'未设置'}</td>-->
								<#if (true && data.packageType=='1')>
									<td>亲子</td>
								</#if>
								<#if (true && data.packageType=='2')>
									<td>过渡</td>
								</#if>
								<!--<td>${(data.paymentApplyStatus???string(data.paymentApplyStatus?html,"未设置"))!'未设置'}</td>-->
								<#if (true && data.paymentApplyStatus=='1')>
									<td>新报</td>
								</#if>
								<#if (true && data.paymentApplyStatus=='2')>
									<td>续报</td>
								</#if>
								<td>${(data.paymentAmount???string(data.paymentAmount?html,"未设置"))!'未设置'}</td>
								<td>${(data.employeeuserName???string(data.employeeuserName?html,"未设置"))!'未设置'}</td>
								<td>${(data.paymentUpdateTime???string(data.paymentUpdateTime?html,"未设置"))!'未设置'}</td>
							</tr>
						</#list>
						</tbody>
					</table>
				</div>
				${pagingBar}
			</div>
		</div>

	</div>
</div>
<script>
$(".selectpicker").select2();

/*$(function(){
    alert(${packageType});
    var packageType = $("#packageType").val();
    alert(packageType);
    $("#packageType").find("option[value='1']").attr("selected",true);
});*/



/**
 * 财务管理>缴费管理模块
 * 导出数据
 * @param formId 条件表单id
 * @param templateName 导出的文件名
 */
/*function exportData(formId, templateName) {

    var ids = "";

    $("[name='id']:checked").each(function(){
        ids += "," +$(this).val()
    })
    ids = ids.substr(1);
    var params = $("#" + formId).serialize();
    var exportIframe = ' <iframe class="hidden" id="exportIframe" name="exportIframe"></iframe>';
    var exportSrc ="tssPaymentController/exportExclePaymentList.do";
    var $exportForm = $('<form method="post" target="exportIframe" action="' + exportSrc + '" id="exportForm"></form>');
    $("#" + formId).find("input").map(function (i, input) {
        var $input = $(input);
        var name = $input.attr("name");
        var val = $input.val();
        if (name) {
            $exportForm.append('<input type="hidden" name="' + name + '" value="' + val + '">');
        }
    });
    $exportForm.append('<input type="hidden" name="ids" value="' + ids + '">');
    $exportForm.append('<input type="hidden" name="templateName" value="' + templateName + '">');
    $exportForm.append('<input type="hidden" name="loginAdminUserId" value="${loginUserId}">');

    var flag = 0;

    $exportForm.append('<input type="hidden" name="flag" value='+flag+'>');

    $("body #exportIframe").remove();
    $("body #exportForm").remove();
    $("body").append(exportIframe);
    $("body").append($exportForm);
    $exportForm.submit();
};*/
</script>